<template>
  <div class="son" style="border:3px solid blue;margin:10px">
    <!-- 3.模板中 直接使用 props的值 -->
     我是Son组件{{ title }}

      <!-- 子传父 
        需求：点击按钮 在子里修改 标题
       -->
     <button @click="changeFn">点击儿子的按钮修改title</button>
  </div>
</template>

<script>
export default {
// 2. 子组件内部 通过 props 来接收
props:['title'],
methods:{
  changeFn() {
    // 【$emit】1. 通过 $emit() 向 父组件 发送通知
    // $emit 触发事件，给 父组件 发送消息通知 
    this.$emit('changeTitle','我是铎铎')
  }
}
}
</script>

<style>

</style>